<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<title>tinyCss--my css study tidy</title>
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
		<meta content="width=device-width,initial-scale=1.0" name="viewport" />
		<meta content="my css study tidy" name="description" />
		<meta content="css,tidy" name="keywords" />
		<meta content="index,follow" name="robots" />
		<meta content="tinycss" name="application-name" />
		<meta content="no-cache" http-equiv="Cache-Control" />
		<meta content="-1" http-equiv="Expires" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/page.css" />
		<style type="text/css">
			*{margin:0;padding:0}
			#cont div{height:200px;border:2px solid #0aa;width:1000px;margin:0 auto;display:none}
			#tab-tri span{display:inline-block;width:45px;line-height:25px;text-align:center;background:#aaa;border:1px solid #00a}
			.hide{display:none}
			.tabs li{display:inline}
			.tabs li.at{font-weight:bold;font-size:18px}
			#tabs{position:relative}
			#tabs-1{height:500px;width:500px;background:#aaa;position:absolute}
			#tabs-2{height:500px;width:500px;background:#0aa;position:absolute}
			#tabs-3{height:500px;width:500px;background:#aa0;position:absolute}
			
		</style>
	</head>
	<body>
		
		<div class="tabs" id="tabs">
			<ul id="tabs-0">
				<li>dddddddddd</li>
				<li>ffffffffffffffffff</li>
				<li>ggggggggggg</li>
			</ul>
			<div id="tabs-1"></div>
			<div id="tabs-2"></div>
			<div id="tabs-3"></div>
		</div>
		<a href="http://www.google.com/" id="alink">www.google.com</a>
		<script src="js/core.js"></script>
		 <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> -->
		<!-- <script src="http://code.jquery.com/jquery.min.js"></script> -->
		
	</body>
</html>